<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/作业.css">
</head>

<body>
    <nav>
        <img src="./img/作业2/logo.png" alt="" class="logo">
        <ul>

            <li><a href="">导航1</a></li>
            <li><a href="">导航2</a></li>
            <li><a href="">导航3</a></li>
            <li><a href="">导航4</a></li>
            <li><a href="">导航5</a></li>
            <img src="./img/作业2/lingdang.png" alt="" class="lingdang">
            <img src="./img/作业2/xiaoxi.png" alt="" class="xiaoxi">
            <div class="bigbox">
                <img src="./img/作业2/head2.png" alt="" class="head2">
                <!-- <img src="./img/作业2/head2.png" alt="" class="head2"> -->
                <div class="xlk">
                    <div class="p1">
                        <p>个人主页</p>
                    </div>
                    <div class="p2">
                        <p>个人设置</p>
                    </div>
                    <div class="p3">
                        <p>账户中心</p>
                    </div>
                    <div class="p4">
                        <p>退出登录</p>
                    </div>
                </div>
            </div>
        </ul>
        <div class="tz">
            <a href="./账号登录.html">登录</a>
            <a href="./账号注册.html">注册</a>
        </div>
    </nav>

    <section>
        <!-- 测试结果 -->
        <div class="csjg">
            <div class="sjx">
                <h1>测试结果概况</h1>
            </div>
            <!-- 合格率 -->
            <div class="hgl">
                <!-- 合格率锥形图 -->
                <div class="cfx">
                    <p>合格率</p>
                    <span>70%</span>

                </div>

            </div>
            <!-- 首次通过率 -->
            <div class="sctgl">
                <div class="cfx">
                    <p>首次通过率</p>
                    <span>70%</span>
                </div>

            </div>
            <!-- 补考率 -->
            <div class="bkl">
                <div class="cfx">
                    <p>补考率</p>
                    <span>70%</span>
                </div>

            </div>
            <!-- 综合评分 -->
            <div class="zhpf">
                <div class="cfx">
                    <p>综合评分</p>
                    <span>70%</span>
                </div>

            </div>
        </div>
        <!-- 测试结果详情 -->
        <div class="csjgxq">
            <div class="sjx">
                <h1>测试结果详情</h1>
            </div>
            <!-- 标题 -->
            <div class="bt">
                <span>所属科目</span>
                <span>测试章节</span>
                <span>测试时间</span>
                <span>分数</span>
                <span>是否合格</span>
            </div>
            <!-- 科目1 -->
            <div class="km1">
                <span>科目1</span>
                <span>章节1</span>
                <span>2017-1-1</span>
                <span>30</span>
                <span>不合格</span>
                <span><a href="">详情</a></span>
            </div>
            <!-- 科目二 -->
            <div class="km2">
                <span>科目2</span>
                <span>章节2</span>
                <span>2017-1-2</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目三 -->
            <div class="km2">
                <span>科目3</span>
                <span>章节3</span>
                <span>2017-1-3</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目四 -->
            <div class="km2">
                <span>科目4</span>
                <span>章节4</span>
                <span>2017-1-4</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目五 -->
            <div class="km2">
                <span>科目5</span>
                <span>章节5</span>
                <span>2017-1-5</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目六 -->
            <div class="km2">
                <span>科目6</span>
                <span>章节5</span>
                <span>2017-1-6</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!--  科目七  -->
            <div class="km2">
                <span>科目7</span>
                <span>章节7</span>
                <span>2017-1-7</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目八 -->
            <div class="km2">
                <span>科目8</span>
                <span>章节8</span>
                <span>2017-1-8</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目九 -->
            <div class="km2">
                <span>科目9</span>
                <span>章节9</span>
                <span>2017-1-9</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十 -->
            <div class="km10">
                <span>科目10</span>
                <span>章节10</span>
                <span>2017-1-10</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十一 -->
            <div class="km10">
                <span>科目11</span>
                <span>章节11</span>
                <span>2017-1-11</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十二 -->
            <div class="km10">
                <span>科目12</span>
                <span>章节12</span>
                <span>2017-1-12</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十三 -->
            <div class="km10">
                <span>科目13</span>
                <span>章节13</span>
                <span>2017-1-13</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十四 -->
            <div class="km10">
                <span>科目14</span>
                <span>章节14</span>
                <span>2017-1-14</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十五 -->
            <div class="km10">
                <span>科目15</span>
                <span>章节15</span>
                <span>2017-1-15</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十六 -->
            <div class="km10">
                <span>科目16</span>
                <span>章节16</span>
                <span>2017-1-16</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十七 -->
            <div class="km10">
                <span>科目17</span>
                <span>章节17</span>
                <span>2017-1-18</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十八 -->
            <div class="km10">
                <span>科目18</span>
                <span>章节18</span>
                <span>2017-1-18</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目十九 -->
            <div class="km10">
                <span>科目19</span>
                <span>章节19</span>
                <span>2017-1-19</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
            <!-- 科目二十 -->
            <div class="km10">
                <span>科目20</span>
                <span>章节20</span>
                <span>2017-1-20</span>
                <span>70</span>
                <span></span>
                <span><a href="详情">&nbsp;&nbsp;详情</a></span>
            </div>
        </div>
        <button>1</button>
        <button>2</button>
        <button>3</button>
        <button>4</button>
        <button>5</button>
        <button>6</button>
        <button>7</button>
        <button>8</button>
        <button>9</button>
        <button>10</button>
    </section>
    <footer>
        <!-- 下左边 -->
        <div class="xz">
            <p>链接组1</p>
            <p>链接组2</p>
            <p>链接组3</p>
            <p>链接组4</p>
            <p>链接组5</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Vero!</p>
            <p>fugit.</p>
            <p>Omnis.</p>
            <p>Amet</p>
            <p>Perferendis.</p>
        </div>
        <!-- 下右边 -->
        <div class="yx">
            <img src="./img/作业2/logo.png" alt="">
            <img src="./img/作业2/icons.png" alt="">
        </div>
    </footer>


</body>

</html>